.header {
  position: fixed;
  top: 0;
  // width: 100vw;
  width: calc(100vw - 5.2vw);
  // width: 100%;
  height: 10vw;
  background: linear-gradient(
    180deg,
    rgba(13, 179, 227, 1),
    rgba(1, 135, 222, 1)
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(13, 179, 227, 1),
    rgba(1, 135, 222, 1)
  ); /* Safari 5.1 to 6.0 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.7vw 2.6vw;
  // position: relative;
  .img1 {
    height: 100%;
    width: auto;
  }
  div{
    height: 50%;
    .img2 {
      height: 100%;
      width: auto;
    }
    .menu {
      display: none;
      list-style: none;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      overflow: hidden;
      a {
        display: block;
        background: rgba(51,51,51,0.85);
        text-decoration: none;
        text-align: center;
        padding: 5vw;
        color: white;
        &:hover {
          background: #0db3e3;
          transition: background 0.3s ease;
        }
      }
    }
    
  }
  
}
// info图片
.info-img{
  width: 100vw;
  margin-top: 10vw;
  img{
    width: 100%;
    height: auto;
  }
}
// 新闻资讯列表
.info{
  padding: 4vw;
  .item{
    display: flex;
    margin-bottom: 3vw;
    .item-left{
      width: 16%;
      flex-shrink: 0;
      background: #038EDF;
      color: white;
      padding: 3.3vw 3vw 4.8vw;
      text-align: right;
      p{
        font-size: 34px;
        font-weight: bold;
      }
      .font{
        display: block;
        font-size: 12px;
      }
    }
    .item-right{
      width: calc(84% - 15.6vw);
      padding: 4vw 4.8vw 0;
      background: #F6F5F5;
      p{
        width: 98%;
        text-overflow: ellipsis;
        white-space:nowrap;
        overflow: hidden;
      }
      div{
        margin-top: 5.3vw;
        text-align: right;
        button{
          border:1px solid #038EDF;
          border-radius:10px;
          padding: 2vw 3.2vw;
          color: #038EDF;
          background: #F6F5F5;
          
        }
      }
      
    }
  }
}
// 翻页
.page-container{
  // margin: 0 auto;
  text-align: center;
  .page{
    // overflow: hidden;
    display: inline-block;
    // text-align: center;
  }
}
// 页脚
.footer {
  padding:9.2vw 0;
  margin-top: 12vw;
  background: #D9D9D9;
  p{
    text-align: center;
    font-size: 12px;
    color: #333333;
  }
  // div{
    // margin: 0 auto;
    // ul{
    //   text-align: center;
    //   li{
    //     a{
    //       text-decoration: none;
    //       color: #333333;
    //     }
    //     font-size: 12px;
    //     display: inline-block;
    //   }
    // }
  // }
}
